<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="Mosaddek">
		<meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
		<link rel="shortcut icon" href="img/favicon.html">

		<title>护工</title>

		<!-- Bootstrap core CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/bootstrap-reset.css" rel="stylesheet">
		<!--external css-->
		<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
		<!-- Custom styles for this template -->
		<link href="css/style.css" rel="stylesheet">
		<link href="css/style-responsive.css" rel="stylesheet" />

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
		<!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
	</head>

	<body>

		<section id="container" class="">
			<!--header start-->
			<div id="header">

			</div>
			<!--main content start-->
			<section id="main-content">
				<section class="wrapper">
					<!--state overview start-->
					<div class="row state-overview">
						<div class="col-lg-3 col-sm-6" v-for="oldMan in oldManList" >
							<section class="panel" @click="setOldManId(oldMan.id)">
								<div class="symbol terques">
									<i class="icon-user"></i>
								</div>
								<div class="value">
									<h1>{{oldMan.username}}</h1>
									<p v-if="oldMan.sex==1">先生</p>
									<p v-else>女士</p>
								</div>
							</section>
						</div>
						<div class="col-lg-6">


						</div>

					</div>
					<div class="row">

						<div class="col-lg-7">
							<!--timeline start-->
							<section class="panel">
								<div class="panel-body">
									<div>
										<input type="date" style="float: right" v-model="time" @blur="getDailyLifeByDate">
									</div>

									<div class="text-center mbot30">

										<h3 class="timeline-title">{{oldMan.username}}</h3>
										<p class="t-info">日常生活</p>
									</div>

									<div class="timeline">
										<article class="timeline-item" v-for="(dailyLife,index) in dailyLifeList" v-if="index%2==0">
											<div class="timeline-desk">
												<div class="panel">
													<div class="panel-body">
														<span class="arrow"></span>
														<span class="timeline-icon red"></span>
														<span class="timeline-date">{{dailyLife.time|dateFormat}}</span>
														<h1 class="red">{{dailyLife.eventcontent}}</h1>
														<p v-if="dailyLife.eventproperty==1">消费</p>
													</div>
												</div>
											</div>
										</article>
										<article class="timeline-item alt" v-else>
											<div class="timeline-desk ">
												<div class="panel">
													<div class="panel-body">
														<span class="arrow-alt"></span>
														<span class="timeline-icon green"></span>
														<span class="timeline-date">{{dailyLife.time|dateFormat}}</span>
														<h1 class="green">{{dailyLife.eventcontent}}</h1>
														<p v-if="dailyLife.eventproperty==1"> 消费</p>
													</div>
												</div>
											</div>
										</article>
									</div>
									<div class="clearfix">&nbsp;</div>
									<div style="float: right">
										<button class="btn btn-primary"
											onclick="location.href='paramedics-nurse.html'">申请护理</button>
										<button class="btn btn-primary" onclick="location.href='addjiaojielist.html'">增加事件</button>
									</div>

									<div class="clearfix">&nbsp;</div>
								</div>
							</section>
							<!--timeline end-->

						</div>
						<div class="col-lg-5">

							<div class="col-lg-12">
								<div class="panel">
									<div class="panel-body">
										<div class="bio-chart">
											<input class="knob" data-width="100" data-height="100"
												data-displayPrevious=true data-thickness=".2" value="35"
												data-fgColor="#e06b7d" data-bgColor="#e8e8e8">
										</div>
										<div class="bio-desk">
											<h4 class="red">心跳</h4>
											<p>Started : 15 July</p>
											<p>Deadline : 15 August</p>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="panel">
									<div class="panel-body">
										<div class="bio-chart">
											<input class="knob" data-width="100" data-height="100"
												data-displayPrevious=true data-thickness=".2" value="63"
												data-fgColor="#4CC5CD" data-bgColor="#e8e8e8">
										</div>
										<div class="bio-desk">
											<h4 class="terques">血压</h4>
											<p>Started : 15 July</p>
											<p>Deadline : 15 August</p>
										</div>
									</div>
								</div>
							</div>
						</div>
						
					</div>



					</div>
					<!--state overview end-->
				</section>
			</section>
			<!--main content end-->
		</section>

		<!-- js placed at the end of the document so the pages load faster -->
		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery.scrollTo.min.js"></script>
		<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
		<script src="assets/jquery-knob/js/jquery.knob.js"></script>

		<!--common script for all pages-->
		<script src="js/common-scripts.js"></script>


		<script src="js/vue.js"></script>
		<script src="js/axios.js"></script>
	    <script src="localjs/paramedics-dailyLife.js"></script>
		<script>
			//knob
			$(".knob").knob();
		</script>
	</body>
</html>
